<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/css/animate.min.css">
    <link rel="stylesheet" href="../static/css/header.css">
    <link rel="stylesheet" href="../static/css/base.css">
    <style>
        .p {
            width: 1420px;
            height: 370.06px;
        }

        @font-face {
            font-family: "zx";
            src: url("../static/font/zx.ttf");
        }

        @font-face {
            font-family: "hh";
            src: url("../static/font/iconfont.ttf");
        }

        .iconfont {
            font-family: "hh";
            font-size: 18px;
        }

        ul {
            position: fixed;
            right: 20px;
            bottom: 190px;
            width: 60px;
            background-color: #ffffff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }

        ul > li {
            height: 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        ul > li > :nth-child(2) {
            font-size: 12px;
        }

        ul > li:hover {
            background-color: #5b89fe;
            color: white;
        }

        .zi:hover {
            color: white;
        }

        .phone {
            font-family: zx;
            font-size: 20px;
            display: flex;
            justify-content: center;
        }

        .bottom {
            /*width: 100%;*/
            height: 219.23px;
            border: #f8f8f8 1px solid;
            /*margin-bottom: 20px;*/
            background-color: #f8f8f8;

        }

        .bottom-1 {
            margin-top: 40px;
            /*margin-left: 40px;*/
            /*padding:0 0 10px ;*/
            padding-left: 80px;
            box-sizing: border-box;
            width: 100%;
            height: 83.63px;
            /*border: #5b89fe 1px solid;*/
            display: flex;
            justify-content: center;
        }

        .bottom-2 {
            /*width: 1519.2px;*/
            height: 60px;
            /*border: #5b89fe 1px solid;*/
            display: flex;
            justify-content: center;
            /*margin-right: 70px;*/
        }

        .bottom-3 {
            justify-content: center;
            display: flex;
        }

        .bottom-1-content1 {
            height: 53.63px;
            /*border: #5b89fe 1px solid ;*/
            margin-right: 80px;
            display: flex;
        }


        .chara {
            font-family: zx;
            font-size: 40px;
            display: flex;
            justify-content: center;
        }

        /*.chara:hover{*/
        /*    color: #5b89fe;*/
        /*}*/
        .bottom-1-content1:hover {
            color: #5b89fe;
        }

        .hei {
            font-size: 15px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 5.6px;
        }

        .dan {
            font-size: 12px;
            color: #999999;
        }

        .small {
            display: flex;
            flex-direction: column;
            margin-left: 13px;
        }

        .xx {
            width: 140px;
            height: 21.6px;
            font-size: 16px;
            color: #333333;
            /*    文字居中*/
            text-align: center;
        }

        .xx:hover {
            color: #5b89fe;
        }

        .line {
            width: 1px;
            height: 15px;
            background-color: #ccc;
            margin: 10px;
            margin-top: 1px;
        }

        .bbb {
            font-size: 12px;
            color: #666666;
            margin-left: 7.5px;
            text-align: center;
        }

    </style>
</head>
<body>
<div class="box">
    <div class="title">
        <div class="title-logo">
            <img src="https://jmy-pic.baidu.com/0/pic/-1717994753_-1685692204_-430591867.png" alt=""/>
            <img src="https://fe-resource.cdn.bcebos.com/groot/mip-sjh-merchant-info/icon-safeguard.svg" alt=""/>
        </div>
        <div class="title-menu">
            <a href="http://localhost:1234/index1.html">首页</a>
            <a href="http://localhost:1234/index2.html">瑞安服务</a>
            <a href="http://localhost:1234/pageOne.html">瑞安优势</a>
            <a href="http://localhost:1234/index4.html">医务系统</a>
            <a href="http://localhost:1234/index5-1.html">客户案例</a>
            <a href="http://localhost:1234/index6.html">关于我们</a>
        </div>
        <div class="call">
            <a class="iconfont" href="#">&#xe654;&nbsp;免费回电</a>
        </div>
    </div>
    <div>
        <img src="https://jmy-pic.baidu.com/0/pic/667465476_313447850.jpg" alt=""/>
        <a href="../pages/index2-1.html">
            <img class="p" src="https://jmy-pic.baidu.com/0/pic/-448453186_215338744_-531528807.jpg" alt="">
        </a>
        <a href="../pages/index2-2.html">
            <img class="p" src="https://jmy-pic.baidu.com/0/pic/448720570_-469177639_-1490730033.png" alt="">
        </a>
        <a href="../pages/index2-3.html">
            <img class="p" src="https://jmy-pic.baidu.com/0/pic/-299488777_2058196344_-1167027735.png" alt="">

        </a>
        <a href="../pages/index2-4.html">
            <img class="p" src="https://jmy-pic.baidu.com/0/pic/-685738286_218933838_-1855941730.png" alt="">

        </a>
        <a href="../pages/index2-5.html">
            <img class="p" src="https://jmy-pic.baidu.com/0/pic/-1030913901_-957366437_-613549599.png" alt="">
        </a>
        <a href="../pages/index2-6.html">
            <img class="p" src="https://jmy-pic.baidu.com/0/pic/-882066569_1648820638_-834098281.png" alt="">
        </a>
        <a href="../pages/index2-7.html">
            <img class="p" src="https://jmy-pic.baidu.com/0/pic/655102140_-1932692345_-108071286.png" alt="">
        </a>
    </div>
    <ul>
        <li>
            <p class="phone">&#xe64b;</p>
            <p class="zi">免费回电</p>
        </li>
        <li>
            <p class="phone">&#xe603;</p>
            <p class="zi">免费资讯</p>

        </li>
        <li>
            <p class="phone">&#xe7c2;</p>
        </li>
    </ul>

</div>
<div class="bottom">
    <div class="bottom-1">
        <a href="https://baozhang.baidu.com/guarantee-pc/#/guaranteeHome">
            <div class="bottom-1-content1">
                <p class="chara">&#xe606;</p>
                <div class="small">
                    <span class="hei">协助维权</span>
                    <span class="dan">承受经济损失，可申请百度协助</span>
                </div>
            </div>
        </a>
        <a href="https://baozhang.baidu.com/guarantee-pc/#/guaranteeHome">
            <div class="bottom-1-content1">
                <p class="chara">&#xe650;</p>
                <div class="small">
                    <span class="hei">虚假赔偿</span>
                    <span class="dan">遇到品牌或资质冒用，可申请百度保障</span>
                </div>
            </div>
        </a>
        <a href="https://baozhang.baidu.com/guarantee-pc/#/guaranteeHome">
            <div class="bottom-1-content1">
                <p class="chara">&#xe662;</p>
                <div class="small">
                    <span class="hei">欺诈赔偿</span>
                    <span class="dan">遇到欺诈，经核查属实，可申请保障退还费用</span>
                </div>
            </div>
        </a>

    </div>
    <div class="bottom-2">
        <a class="xx" href="http://localhost:1234/index1.html">首页</a>
        <div class="line"></div>
        <a class="xx" href="http://localhost:1234/index2.html">瑞安服务</a>
        <div class="line"></div>
        <a class="xx" href="http://localhost:1234/pageOne.html">瑞安优势</a>
        <div class="line"></div>
        <a class="xx" href="http://localhost:1234/index4.html">医务系统</a>
        <div class="line"></div>
        <a class="xx" href="http://localhost:1234/index5-1.html">客户案例</a>
        <div class="line"></div>
        <a class="xx" href="http://localhost:1234/index6.html">关于我们</a>
    </div>
    <div class="bottom-3">
        <span class="bbb">Copyright © 深圳市瑞安医疗服务有限公司&nbsp;</span>
        <span class="bbb">地址：广东省深圳市南山区深圳国际创新谷7栋A201</span>
    </div>

</div>
</body>
</html>